<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!--忽略页面中的邮箱格式为邮箱-->
    <meta name="format-detection" content="email=no">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no,address=no,email=no">
    <title>幼儿园邀约卡片</title>
    <link rel="stylesheet" href="./res/css/base_X.css">
    <link rel="stylesheet" href="./res/indexTest/css/indexTest.css">
    <script src=./res/js/jquery-1.11.1.min.js></script>
    <script src=./res/js/resize.js></script>
</head>
<body class="iphonex">
<!--二维码朦层圆角为10 -->
<div class="cord_share radiusTen">
    <div class="perfect_box" style="display: block;">
        <img src="res/indexTest/images/share/tip_img.png" alt="" class="tip_img">
        <div class="perfect_box_div">
            <h3 class="tit_perfect">提示</h3>
            <p class="share_txt">手机微信扫描邀请二维码，通过微信将邀请信息分享发送给教师，教师接受信息后确认即可成功！</p>
            <div class="perfect_mess_con">
                <img src="./res/images/hyzcord.jpg" alt="" class="user_core_img">
            </div>
        </div>
        <img src="res/indexTest/images/share/cordUser_close.png" alt="" class="cordUser_img cordUser_close">
    </div>
</div>
<!--二维码朦层圆角为30 -->
<div class="cord_share radiusThirty">
    <div class="perfect_box" style="display: block;">
        <img src="res/indexTest/images/share/tip_img.png" alt="" class="tip_img">
        <div class="perfect_box_div">
            <h3 class="tit_perfect">提示</h3>
            <p class="share_txt">手机微信扫描邀请二维码，通过微信将邀请信息分享发送给教师，教师接受信息后确认即可成功！</p>
            <div class="perfect_mess_con">
                <img src="./res/images/hyzcord.jpg" alt="" class="user_core_img">
            </div>
        </div>
        <img src="res/indexTest/images/share/cordUser_close.png" alt="" class="cordUser_img cordUser_close">
    </div>
</div>
<div class="warp" style="padding: 1.25rem 0;">
    <p class="inviCardBtn" style="padding-top: 20px">3--主题色start</p>
    <a href="./pages/securityArea/2-securityArea.html" class="inviCardBtn">页面左右安全区（16）-2</a>
    <a href="./pages/securityArea/1-securityArea.html" class="inviCardBtn">页面左右安全区（20）-1</a>
    <p class="inviCardBtn">3--主题色end</p>



    <p class="inviCardBtn" style="padding-top: 20px">2--主题色start</p>
    <a href="./pages/themeColor/11-themeColor.html" class="inviCardBtn">主题色11</a>
    <a href="./pages/themeColor/10-themeColor.html" class="inviCardBtn">主题色10</a>
    <a href="./pages/themeColor/9-themeColor.html" class="inviCardBtn">主题色9</a>
    <a href="./pages/themeColor/8-themeColor.html" class="inviCardBtn">主题色8</a>
    <a href="./pages/themeColor/7-themeColor.html" class="inviCardBtn">主题色7</a>
    <a href="./pages/themeColor/6-themeColor.html" class="inviCardBtn">主题色6</a>
    <a href="./pages/themeColor/5-themeColor.html" class="inviCardBtn">主题色5</a>
    <a href="./pages/themeColor/4-themeColor.html" class="inviCardBtn">主题色4</a>
    <a href="./pages/themeColor/3-themeColor.html" class="inviCardBtn">主题色3</a>
    <a href="./pages/themeColor/2-themeColor.html" class="inviCardBtn">主题色2</a>
    <a href="./pages/themeColor/1-themeColor.html" class="inviCardBtn">主题色1</a>
    <p class="inviCardBtn">2--主题色end</p>
    <p class="inviCardBtn" style="padding-top: 20px">1--朦层圆角start</p>
    <a href="javascript:void (0)" class="inviCardBtn lookBtn1">朦层圆角为10</a>
    <a href="javascript:void (0)" class="inviCardBtn lookBtn2">朦层圆角为30</a>
    <p class="inviCardBtn">1--朦层圆角end</p>
</div>
</body>
<script>
    $(function () {
        $(".cordUser_close").click(function () {
            $(".cord_share").hide();
        });
        //朦层
        $(".lookBtn1").click(function () {
            $(".radiusTen").show();
        });
        $(".lookBtn2").click(function () {
            $(".radiusThirty").show();
        });
    })

</script>
</html>